import style from './style.less';
import React from 'react';
export const BlockNew  = (props)=>{
    let {myPadding,title,mystyle} = props
    mystyle = mystyle || {}
    title = title || ""
    myPadding = myPadding || ""
    return(
        <div   {...props} className = {style.block} style = {{...mystyle,position:'relative',border:'1px solid #00feff',padding:myPadding}}>    
            <div style = {{position:'absolute',width:30,height:30,left:'-3px',top:'-3px',borderLeft:'3px solid #00feff',borderTop:'3px solid #00feff'}}/>
            <div style = {{position:'absolute',width:30,height:30,left:'-3px',bottom:'-3px',borderLeft:'3px solid #00feff',borderBottom:'3px solid #00feff'}}/>
            <div style = {{position:'absolute',width:30,height:30,right:'-3px',top:'-3px',borderRight:'3px solid #00feff',borderTop:'3px solid #00feff'}}/>
            <div style = {{position:'absolute',width:30,height:30,right:'-3px',bottom:'-3px',borderRight:'3px solid #00feff',borderBottom:'3px solid #00feff'}}/>
            {
                title && 
                <div className={style['title']}>{title}</div>
            }
            {props.children}
        </div>
    )
}